import { merge } from 'lodash-es'
import { getViewportPx } from '@/utils/formatter'

/**
 * 获取坐标轴名称配置
 * @param name 坐标轴名称
 * @param configOption 自定义配置选项
 * @returns 合并后的坐标轴名称配置
 */
const getAxisNameConfig = (name: string, configOption?: any) => {
  return merge(
    {
      name,
      nameLocation: 'end',
      nameGap: parseInt(getViewportPx(20, true)),
      nameTextStyle: {
        color: '#666666',
        fontSize: parseInt(getViewportPx(14, true)),
        padding: [0, 0, 0, parseInt(getViewportPx(-10, true))]
      }
    },
    configOption
  )
}

/**
 * 获取数据区域缩放配置
 * @param configOption 自定义配置选项
 * @returns 合并后的数据区域缩放配置
 */
const getDataZoomConfig = (configOption?: any) => {
  return merge(
    {
      top: getViewportPx(40, true),
      startValue: 0,
      endValue: 6,
      minValueSpan: 2,
      maxValueSpan: 7
    },
    configOption
  )
}
export { getAxisNameConfig, getDataZoomConfig }
